<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./AdminTemplate.xhtml">

        <ui:define name="content">
            <div class="grid_4">
                <div class="da-panel collapsible">
                    <div class="da-panel-header">
                        <span class="da-panel-title">
                            <img alt="" src="images/icons/black/16/list.png"/>
                            Data Table with Numbered Pagination
                        </span>

                        <span class="da-panel-toggler"></span></div>
                    <div class="da-panel-content">
                        <div role="grid" class="dataTables_wrapper" id="da-ex-datatable-numberpaging_wrapper">
                            <div id="da-ex-datatable-numberpaging_length" class="dataTables_length">
                                <label>Show
                                    <select name="da-ex-datatable-numberpaging_length" size="1" aria-controls="da-ex-datatable-numberpaging">
                                        <option value="10" selected="selected">10</option>
                                        <option value="25">25</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select> entries</label>
                            </div>
                            <div class="dataTables_filter" id="da-ex-datatable-numberpaging_filter">
                                <label>Search: <input type="text" aria-controls="da-ex-datatable-numberpaging"/>
                                </label>
                            </div>
                            <table class="da-table dataTable" id="da-ex-datatable-numberpaging" aria-describedby="da-ex-datatable-numberpaging_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="da-ex-datatable-numberpaging" rowspan="1" colspan="1" style="width: 162px;" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">Rendering engine</th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="da-ex-datatable-numberpaging" rowspan="1" colspan="1" style="width: 260px;" aria-label="Browser: activate to sort column ascending">Browser</th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="da-ex-datatable-numberpaging" rowspan="1" colspan="1" style="width: 230px;" aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="da-ex-datatable-numberpaging" rowspan="1" colspan="1" style="width: 140px;" aria-label="Engine version: activate to sort column ascending">Engine version</th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="da-ex-datatable-numberpaging" rowspan="1" colspan="1" style="width: 108px;" aria-label="CSS grade: activate to sort column ascending">CSS grade</th>
                                    </tr>
                                </thead>

                                <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="odd">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Firefox 1.0</td>
                                        <td class=" ">Win 98+ / OSX.2+</td>
                                        <td class=" ">1.7</td>
                                        <td class=" ">A</td>
                                    </tr>
                                    <tr class="even">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Firefox 1.5</td>
                                        <td class=" ">Win 98+ / OSX.2+</td>
                                        <td class=" ">1.8</td>
                                        <td class=" ">A</td>
                                    </tr>
                                    <tr class="odd">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Firefox 2.0</td>
                                        <td class=" ">Win 98+ / OSX.2+</td>
                                        <td class=" ">1.8</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="even">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Firefox 3.0</td>
                                        <td class=" ">Win 2k+ / OSX.3+</td>
                                        <td class=" ">1.9</td>
                                        <td class=" ">A</td>
                                    </tr>
                                    <tr class="odd">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Camino 1.0</td>
                                        <td class=" ">OSX.2+</td>
                                        <td class=" ">1.8</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="even">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Camino 1.5</td>
                                        <td class=" ">OSX.3+</td>
                                        <td class=" ">1.8</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="odd">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Netscape 7.2</td>
                                        <td class=" ">Win 95+ / Mac OS 8.6-9.2</td>
                                        <td class=" ">1.7</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="even">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Netscape Browser 8</td>
                                        <td class=" ">Win 98SE+</td>
                                        <td class=" ">1.7</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="odd">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Netscape Navigator 9</td>
                                        <td class=" ">Win 98+ / OSX.2+</td>
                                        <td class=" ">1.8</td>
                                        <td class=" ">A</td>
                                    </tr><tr class="even">
                                        <td class="  sorting_1">Gecko</td>
                                        <td class=" ">Mozilla 1.0</td>
                                        <td class=" ">Win 95+ / OSX.1+</td>
                                        <td class=" ">1</td>
                                        <td class=" ">A</td>
                                    </tr></tbody></table><div class="dataTables_info" id="da-ex-datatable-numberpaging_info">Showing 1 to 10 of 57 entries</div><div class="dataTables_paginate paging_full_numbers" id="da-ex-datatable-numberpaging_paginate"><a class="first paginate_button paginate_button_disabled" tabindex="0" id="da-ex-datatable-numberpaging_first">First</a><a class="previous paginate_button paginate_button_disabled" tabindex="0" id="da-ex-datatable-numberpaging_previous">Previous</a><span><a class="paginate_active" tabindex="0">1</a><a class="paginate_button" tabindex="0">2</a><a class="paginate_button" tabindex="0">3</a><a class="paginate_button" tabindex="0">4</a><a class="paginate_button" tabindex="0">5</a></span><a class="next paginate_button" tabindex="0" id="da-ex-datatable-numberpaging_next">Next</a><a class="last paginate_button" tabindex="0" id="da-ex-datatable-numberpaging_last">Last</a></div></div>
                    </div>
                </div>
            </div>
        </ui:define>

    </ui:composition>
</html>